<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header">
<link href="/js/plugins/hiprint/css/hiprint.css" rel="stylesheet" />
<link href="/js/plugins/hiprint/css/print-lock.css" rel="stylesheet" />

</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<blockquote class="layui-elem-quote">
						<button type="button" class="btn  btn-primary" id="print">
							<i class="fa fa-print" aria-hidden="true"></i>打印
						</button>
						<button  type="button" class="btn  btn-primary" onclick="savepic()">
							<i class="fa fa-camera-retro" aria-hidden="true"></i>保存图片
						</button>
					</blockquote>
					<div id="print_preview">
						<style type="text/css">
							table tr td {
								font-family: 宋体;
							}
							.table {
								border-bottom: #000000 1px solid;
								border-left: #000000 1px solid;
								border-collapse: collapse;
								font-size: 18px;
								border-top: #000000 1px solid;
								border-right: #000000 1px solid;
							}
							
							.table TD {
								border-bottom: #000 1px solid;
								border-left: #000 1px solid;
								line-height: 20px;
							}
							
							.baoti {
								text-align: right;
								padding-right: 10px;
								font-size: 12px;
								font-weight: bold;
								margin-right: 50px;
							}
							
							.baoti2 {
								text-align: right;
								padding-bottom: 2px;
								padding-right: 10px;
								margin-bottom: 5px;
								font-size: 12px;
								font-weight: bold;
								margin-right: 5px;
							}
							
							.bianhao {
								padding-bottom: 2px;
								margin-top: 5px;
								padding-right: 10px;
								margin-bottom: 5px;
								font-size: 12px;
								font-weight: bold;
								margin-right: 5px;
								padding-top: 2px;
							}
							
							.auto-style1 {
								color: #ff0000;
							}
							
							.table2 {
								border-bottom: #000000 1px solid;
								text-align: center;
								border-left: #000000 1px solid;
								border-collapse: collapse;
								font-size: 18px;
								border-top: #000000 1px solid;
								border-right: #000000 1px solid;
							}
							
							.table2 tr {
								height: 50px;
							}
							
							.table2 TD {
								border-bottom: #000 1px solid;
								border-left: #000 1px solid;
								line-height: 22px;
							}
							
							.beizhu {
								line-height: 25px;
								font-size: 16px;
							}
							
							.gz {
								z-index: -1;
								position: absolute;
								margin-top: -495px;
								padding-left: 50px;
								width: 369px;
								float: left;
								height: 398px;
								padding-top: 5px;
							}
							
							.gz2 {
								z-index: 1;
								position: absolute;
								margin-top: -200px;
								margin-left: 250px;
								/* float: left;  */
								width: 230px;
								height: 230px;
								padding-top: 5px;
							}
							
							.button1 {
								background-image: url(../Theme/Default/Images/controls/BlueBtnbg.gif);
								border-bottom: medium none;
								border-left: medium none;
								width: 63px;
								height: 20px;
								border-top: medium none;
								border-right: medium none;
							}
							
							.shuoming {
								line-height: 25px;
								font-size: 9pt;
							}
							
							.shouyiren {
								text-decoration: underline;
							}
							
							.xieze {
								line-height: 25px;
								text-indent: 2em;
								font-size: 9pt;
							}
							
							.xieze2 {
								text-align: center;
								line-height: 30px;
								font-size: 9pt;
							}
							
							.xieze3 {
								text-align: center;
								line-height: 30px;
								font-size: 9pt;
							}
							
							.tablea {
								border-bottom: #000000 1px solid;
								border-left: #000000 1px solid;
								border-collapse: collapse;
								font-size: 14px;
								border-top: #000000 1px solid;
								border-right: #000000 1px solid;
							}
							
							.tablea TD {
								border-bottom: #000 1px solid;
								border-left: #000 1px solid;
								line-height: 18px;
							}
							
							.table3 {
								text-align: center;
								border-bottom: #000000 1px solid;
								border-left: #000000 1px solid;
								border-collapse: collapse;
								font-size: 12px;
								border-top: #000000 1px solid;
								border-right: #000000 1px solid;
							}
							
							.table3 TD {
								border-bottom: #000 1px solid;
								border-left: #000 1px solid;
								line-height: 16px;
							}
							
							.biaoti {
								text-align: center;
								padding-bottom: 5px;
								margin-top: 5px;
								padding-top: 5px;
							}
							
							.banhao {
								text-align: right;
								padding-bottom: 5px;
								margin-top: 5px;
								font-size: 9pt;
								padding-top: 5px;
							}
							
							.gza {
								z-index: 1;
								position: absolute;
								margin-top: -320px;
								padding-left: 430px;
								width: 170px;
								float: left;
								height: 170px;
								padding-top: 5px;
							}
							
							.gz2a {
								z-index: 1;
								position: absolute;
								margin-top: -150px;
								padding-left: 430px;
								width: 170px;
								float: left;
								height: 170px;
								padding-top: 5px;
							}
							
							.gzab {
								z-index: -1;
								position: absolute;
								margin-top: -200px;
								padding-left: 130px;
								width: 370px;
								float: left;
								height: 370px;
								padding-top: 5px;
							}
							
							.gz2ab {
								z-index: -1;
								position: absolute;
								margin-top: -150px;
								padding-left: 580px;
								width: 370px;
								float: left;
								height: 370px;
								padding-top: 5px;
							}
							
							.webPrint {
								page-break-after: always;
							}
						</style>
						<table cellpadding='0' cellspacing='0' style='WIDTH: 100%;'>
							<tr>
								<td colspan='2' align='left' width='30%'><img
									src='/img/print_logo.png'></td>
								<td colspan='2' align='center' width='37%'></td>
								<td colspan='2' align='right' width='32%'
									class='baoti2 auto-style1'></td>
								<td rowspan='12' width='30px' valign='middle'><div
										style='width: 10px; text-align: center;'>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
										<br>&nbsp;<br> <br><br> <br> <br>
										<br> <br> <br> <br> <br> <br> <br>
										<br> <br>
									</div></td>
							</tr>
							<tr>
								<td colspan='6'><img src='/img/print_red2.png'
									style='WIDTH: 100%; HEIGHT: 3px'></td>
							</tr>
							<tr>
								<td colspan='5' style='FONT-SIZE: 22px;' align='left' height='30px'><b style="padding-right:10%;">中国人民财产保险股份有限公司</b><b>产品责任保险证明函</b></td>
							
							</tr>
							<tr style="font-size:14px;">
								<td id='td_SlipNo' colspan='6' align='right'>编号： <span
									class='auto-style1' style="font-size:18px;"><b th:text="${bdModel.bdNo}"></b></span></td>
							</tr>
							<tr>
								<td colspan='6'><table cellpadding='0' cellspacing='0'
										style='WIDTH: 100%' class='table'>
										<tr>
											<td id='td_BigSlipNo'>&nbsp;&nbsp;&nbsp;&nbsp;兹证明“<span
												class='shouyiren'><b>青岛华诺荣汽车科技有限公司</b></span><span
												class='shouyiren'><b>销售的车载长剑牌(HNR-A)型GPS汽车安全系统</b></span>”（下称该产品）已向<span
												class='shouyiren'><b>中国人民财产保险股份有限公司南京市分公司</b></span>(下称本公司)投保产品责任保险，投保人与被保险人均为<span
												class='shouyiren'><b>青岛华诺荣汽车科技有限公司</b></span>，保险单号为 <span
												class='shouyiren'><b>PZAI201932010000000005</b></span>，保险合同中双方约定的<b style="font-size:20px;">保险期限、承保区域、保险责任、除外责任、赔偿处理、索赔材料</b>的内容如下：
											</td>
										</tr>
										<tr>
											<td>一.<b>保险期间</b>：<span
												class='shouyiren'>&nbsp;</span><span
												class='shouyiren' th:text="${bdModel.bdValid}"> </span><span
												class='shouyiren'>&nbsp;</span>年(在保单保险期内有效)，自车辆安装改产品时起生效。在保险期限内，如发生车辆转让，原保险责任立即中止，且应立即通知本公司办理变更手续。变更手续办理的次日零时起，保险责任恢复，但原保险终止日期不变。保险责任中止期间本公司不负责赔偿。
											</td>
										</tr>
										<tr>
											<td>二.<b>承保区域</b>：中华人民共和国境内(不含港、澳、台)
											</td>
										</tr>
										<tr>
											<td>三.<b>保险责任</b>：在保险期限内，已安装和使用了该产品的车辆因该产品存在缺陷而在承保区域内被全车盗抢，且满二个月仍未查明下落，依法应由被保险人承担经济赔偿责任，车主在保险期限内向被保险人提出损害赔偿请求的，保险人根据保险合同的约定向被保险人赔偿。
											</td>
										</tr>
										<tr>
											<td>四.<b>除外责任：除产品责任保险条款中所列的除外责任外，保险人对下列各项亦不负责赔偿：1、非全车遭受盗窃，仅车上零部件或附属设备被盗窃、被破坏；2、被他人诈骗造成全车或部分损失；3、车辆被有关国家机关罚没、扣押；4、
												因民事、经济纠纷造成车辆被抢劫、抢夺；5、租赁车辆；6、被保险人及其车主的故意行为；7、因违反该产品使用说明书中规定的操作规程或擅自拆卸等引起的损失；8、因未按时交纳移动通信费用或服务费用被停机，导致该设备无法正常工作的。</b>
											</td>
										</tr>
										<tr>
											<td>五.<b>赔偿处理</b>：<br>发生保险责任事故时，被保险人可以得到下列赔偿：<br>
												出险车辆未购买机动车辆盗抢险的，按被盗车辆折旧后价格的100%在赔偿限额内进行赔偿；<br>
												出险车辆已购买机动车辆盗抢险的，本保险对机动车盗抢险20%的免赔部分在赔偿限额内进行差额赔偿；<br>
												赔偿限额最高为 <span class='shouyiren'>&nbsp;100&nbsp;</span>万元(其中：每次事故每人人身伤亡责任限额20万元)。<br>
												注：折旧率为每月6‰，折旧按月计算，不足一个月的部分不计折旧。<br>
												折旧金额=安装该产品时的新车购置价*安装该产品的车辆已使用月数*月折旧率。<br>
												特别声明：若安装该产品的车辆为金融机构贷款所购，未还清贷款时，同意优先向第一受益人<span
												class='shouyiren'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span  th:text="${bdModel.carBelong}"></span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>支付保险赔款。
											</td>
										</tr>
										<tr>
											<td>六.<b>索赔材料</b>：1、购买及安装本产品的凭证、交费凭证；2、被盗车辆的行驶证、车辆登记证、原始购车发票、购置税本、车辆购置税发票、原车的所有钥匙，每缺少一项，增加1%免赔；3、机动车辆保险单、出险通知书、权益转让书；4、保险人要求的其他相关材料。
											</td>
										</tr>
										<tr>
											<td>保险人名称：<span class='shouyiren'>&nbsp;</span><span class='shouyiren'><b>中国人民财产保险股份有限公司南京市分公司</b></span><span class='shouyiren'>&nbsp;</span>
											<div style="width:1030px;text-align:right;padding-right:400px;">签章:</div>
											保险人地址：南京市长白街346号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												报案电话：025-95518&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												联系方式：025-68185395
											</td>
										</tr>
									</table></td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td colspan='6'
									style='TEXT-ALIGN: center; FONT-SIZE: 26px; FONT-WEIGHT: bold'>车&nbsp;主&nbsp;信&nbsp;息&nbsp;卡</td>
							</tr>
							<t>
								<td colspan='6'><table cellpadding='5' cellspacing='0'
										style='WIDTH: 100%' class='table2'>
										<tr>
											<td style='WIDTH: 15%'>车主姓名</td>
											<td id='td_Name' style='WIDTH: 20%' th:text="${bdModel.carHolderName}"></td>
											<td style='WIDTH: 15%'>身份证号</td>
											<td id='td_Certify' colspan='3'  th:text="${bdModel.carHolderIdcard}"></td>
										</tr>
										<tr>
											<td>固定电话</td>
											<td id='td_Tel'th:text="${bdModel.carHolderContact}"></td>
											<td>移动电话</td>
											<td id='td_MTel' colspan='3'  th:text="${bdModel.carHolderPhone}"></td>
										</tr>
										<tr>
											<td>联系地址</td>
											<td id='td_Address' colspan='5'  th:text="${bdModel.carHolderAddress}"></td>
										</tr>
										<tr>
											<td>车辆厂牌</td>
											<td id='td_CarBrand' style='WIDTH: 15%' th:text="${bdModel.carSupplier}"></td>
											<td style='WIDTH: 15%'>车辆型号</td>
											<td id='td_CarType'  th:text="${bdModel.carTypeNo}"></td>
											<td style='WIDTH: 10%'>车辆登记日期</td>
											<td id='td_VinNO' th:text="${bdModel.carRegistrationDate}==null?null:${#dates.format(bdModel.carRegistrationDate,'yyyy-MM-dd')}"></td>
										</tr>
										<tr>
											<td>车牌号</td>
											<td id='td_CarNum'  style='WIDTH: 15%' th:text="${bdModel.carCode}"></td>
											<td style='WIDTH: 15%'>VIN码</td>
											<td id='td_BuyTime'  colspan='3' style='WIDTH: 18%'  th:text="${bdModel.vinCode}"></td>
											
										</tr>

										<tr>
											<td>发动机号</td>
											<td id='td_CarNum' style='WIDTH: 15%'  th:text="${bdModel.egineNo}"></td>
											<td style='WIDTH: 10%'>该产品编号</td>
											<td id='td_VinNO'  th:text="${bdModel.productNo}"></td>
											<td style='WIDTH: 15%'>安装日期</td>
											<td id='td_BuyTime' style='WIDTH: 18%' th:text="${bdModel.bdStartDate}==null?null:${#dates.format(bdModel.bdStartDate,'yyyy-MM-dd')}"></td>
										</tr>

										<tr>
											<td>安装地点</td>
											<td id='td_CarNum' style='WIDTH: 15%' colspan='3'  th:text="${bdModel.position}"></td>
											<td style='WIDTH: 15%'>安装人员签字</td>
											<td id='td_BuyTime' style='WIDTH: 18%'></td>
										</tr>

									</table></td>
							</tr>
							<tr>
								<td colspan='5' class='beizhu'>注：该产品自安装之日起保修12个月，若产品在保修期内出现故障，用户未到指定部门维修服务，后果自负。
									<br>
									<br>
									产品销售公司：<span
												class='shouyiren'><b>青岛华诺荣汽车科技有限公司（签章）</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									车主签名： <br>
								</td>
							</tr>
							<tr>
								<td colspan='6' align='left' class='beizhu'>
									服务电话:4008-867-967</td>
							</tr>
							<tr>
								<td id='td_SlipNo' colspan='6' align='right' style="font-size: 16px;">日期： <span>&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</span></td>
							</tr>
						</table>
						<div id='div_Sign1' class='gz'style="position:relative;top:-220px;left:400px; Z-INDEX: 1;">
							<img src='/img/nanjing.png'
								style='WIDTH: 369px; PADDING-RIGHT: 50px; Z-INDEX: -1;' alt=''>
						</div>
						<div id='div_Sign2' class='gz2' >
							<img src='/img/image004.png'
								style='WIDTH: 230px;Z-INDEX: 1;' alt=''>
						</div>
					</div>
				</div>
			</div>
			<div id="hiprint-printTemplate" ></div>
			<div id="showDemo"></div>
		</div>
	</div>
	<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
	<div>
		<script type="text/javascript">
			var s_edit_h = 'hidden';
			var s_remove_h = 'hidden';
			var s_resetPwd_h = 'hidden';
		</script>
	</div>
	<div shiro:hasPermission="sz:bd:edit">
		<script type="text/javascript">
			s_edit_h = '';
		</script>
	</div>
	<div shiro:hasPermission="sz:bd:remove">
		<script type="text/javascript">
			var s_remove_h = '';
		</script>
	</div>
	<div shiro:hasPermission="sz:bd:resetPwd">
		<script type="text/javascript">
			var s_resetPwd_h = '';
		</script>
	</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/appjs/sz/bd/bd.js"></script>
	<script src="/js/plugins/hiprint/polyfill.min.js"></script>
	<script src="/js/plugins/hiprint/plugins/jquery.minicolors.min.js"></script>
	<script src="/js/plugins/hiprint/hiprint.bundle.js"></script>
	<script src="/js/plugins/hiprint/plugins/jquery.hiwprint.js"></script>
	<script src="/js/plugins/html2canvas.js"></script>
	<script>
		$(document).ready(function() {
			hiprint.init();
			var hiprintTemplate = new hiprint.PrintTemplate();
			var panel = hiprintTemplate.addPrintPanel({
				width : 210,
				height : 297,
				paperNumberDisabled:true,
				paperNumberFormat:'paperNo-paperCount'
			});
			panel.addPrintHtml({
				options : {
					top:30,
					left:50,
					width : 180,
					height : 286,
					content : $('#print_preview').html()
				}
			});
			//hiprintTemplate.design('#hiprint-printTemplate');
			//$("#showDemo").html(hiprintTemplate.getHtml())
			$("#print").click(function() {
				hiprintTemplate.print();
				// hiprintTemplate.printByHtml($('#print_preview'));
			});
		})
		
		
		function savepic()   //预览函数
        {
            //$("#print_preview").css("width", "780px");
            html2canvas($("#print_preview"), {
                allowTaint: true,
                taintTest: false,
                onrendered: function (canvas) {
                    canvas.id = "mycanvas";
                    //document.body.appendChild(canvas);
                    //生成base64图片数据
                    var dataUrl = canvas.toDataURL();
                    var newImg = document.createElement("img");
                    newImg.src = dataUrl;
                    var a = document.createElement('a');
                    a.href = dataUrl;  //将画布内的信息导出为png图片数据  
                    a.download = "policydown.png";  //设定下载名称  
                    a.click(); //点击触发下载 
                    //$("#print_preview").css("width", "100%");
                }
            });
        }
		
	</script>
</body>
</html>